<!--
 * @Description: 
 * @Author: 王紫琪
 * @Date: 2021-07-14 15:08:24
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2022-01-10 16:42:52
-->
<template>
  <div ref="bottom1_container" style="height: 85%"></div>
</template>

<script>
import { Radar } from '@antv/g2plot';
export default {
   mounted() {
    this.initChart();
  },
  methods: {
    initChart() {
  const data = [
  { name: 'G2', star: 10371 },
  { name: 'G6', star: 7380 },
  { name: 'F2', star: 7414 },
  { name: 'L7', star: 2140 },
  { name: 'X6', star: 660 },
  { name: 'AVA', star: 885 },
  { name: 'G2Plot', star: 1626 },
];
const radarPlot = new Radar(this.$refs.bottom1_container, {
  data: data.map((d) => ({ ...d, star: Math.sqrt(d.star) })),
  xField: 'name',
  yField: 'star',
  meta: {
    star: {
      min: 0,
      nice: true,
    },
  },
  area: {},
});
radarPlot.render();
},
},
};
</script>
